<div class="am-u-md-2 am-u-md-pull-10 my-sidebar">
    <div class="am-offcanvas" id="sidebar">
        <div class="am-offcanvas-bar">
            <ul class="am-nav">
                <li class="am-nav-header">导航</li>
                <li><a href="${base}/">首页</a></li>
                <li><a href="${base}/article/112">留言板</a></li>
                <li><a href="${base}/article/174">友链申请</a></li>
                <li><a href="${base}/article/160">关于我</a></li>
            </ul>
        </div>
    </div>

    <div class="sidebar-item">
        <ul class="am-nav">
            <li class="am-nav-header">分类列表</li>
            <@categoryList>
                <#list categoryList as category>
                    <li>
                        <i class="icon-link"></i>
                        <a rel="friend" href="${base}/article/category/${category.id}" title="${category.name}">${category.name}</a>
                    </li>
                </#list>
            </@categoryList>
        </ul>

        <ul class="am-nav">
            <li class="am-nav-header">友情链接</li>
            <@linkList>
                <#list linkList as link>
                    <li>
                        <i class="icon-link"></i>
                        <a rel="friend" href="${link.url}" title="${link.name}" target="_blank">${link.name}</a>
                    </li>
                </#list>
            </@linkList>
        </ul>
    </div>
</div>
<a href="#sidebar" class="am-btn am-btn-sm am-btn-success am-icon-bars am-show-sm-only my-button" data-am-offcanvas><span class="am-sr-only">侧栏导航</span></a>